.chat-container{
    margin: 5px auto;
    width: 100%;
    height: 100%;
    border: 1px dashed darkgray;
}

.left-contact-panel{
    width: 220px;
    height: 570px;
    border: 1px solid blueviolet;
    float: left;
    overflow: hidden;
}

.right-chat-panel{
    width: 750px;
    height: 100%;
    border: 2px solid greenyellow;
    float: left;
}

.chat-box-title{
    height: 20px;
    border: 2px solid darkslateblue;
}

.chat-box-window{
    height: 400px;
    border: 1px solid black;
    overflow: auto;
}

.chat-box-emoj{
    height: 30px;
    border: 1px solid brown;
}

.chat-box-msg-box{
    height: 120px;
    border: 1px solid deeppink;
}
.chat-box-msg-box textarea{
    height: 100%;
    width: 88%;
}
.chat-box-msg-box button{
    margin-bottom: 80px;
}